.search {
  padding-bottom: 300rem;
}

.search .serchhead {
  display: flex;
  justify-content: start;
  margin-top: 90rem;
  margin-left: 35rem;
}

.search .serchhead span {
  font-size: 50rem;
  font-weight: 900;
  color: #fdfdfd;
}

.search .searchframe {
  display: flex;
  width: 690rem;
  height: 80rem;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 70rem;
}

.search .searchframe .quxiao {
  width: 10%;
  margin-left: 30rem;
  color: #dedede;
  font-size: 30rem;
  font-weight: 700;
}

.search .searchbar {
  height: 80rem;
  border-radius: 80rem;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #000000;
}

.search .searchbar span {
  margin-left: 20rem;
  font-size: 40rem;
  font-weight: 700;
  color: #f8e24a;
}

.search .searchbar i {
  color: #dedede;
  margin-right: 30rem;
  font-size: 30rem;
  font-weight: 800;
}

.search .searchbar input {
  margin-left: 35rem;
  flex-grow: 1;
  color: #dedede;
  background-color: #000000;
  outline: none;
  border: none;
  font-size: 30rem;
  font-weight: 700;
}

.search .beforesearch .daytitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 690rem;
}

.search .beforesearch .daytitle span {
  color: #838383;
  font-size: 30rem;
  display: flex;
  justify-content: start;
  align-items: center;
  margin-left: 30rem;
  font-weight: 700;
  margin-top: 60rem;
}

.search .beforesearch .singerlist {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 45rem;
  overflow: scroll;
  padding-left: 35rem;
}

.search .beforesearch .singerlist::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}

.search .beforesearch .singerlist .model::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}

.search .beforesearch .singerlist .model:nth-child(n-1) {
  margin-right: 40rem;
}

.search .beforesearch .singerlist .model .modeltop img {
  width: 120rem;
  height: 120rem;
  border-radius: 120rem;
}

.search .beforesearch .singerlist .model .modelbottom {
  color: #818181;
  margin-top: 25rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search .beforesearch .hotlist .content {
  margin-top: 40rem;
}

.search .beforesearch .hotlist .content ul {
  width: 690rem;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
}

.search .beforesearch .hotlist .content ul li {
  background-color: #000;
  padding: 20rem 35rem;
  border-radius: 60rem;
  margin-bottom: 20rem;
}

.search .beforesearch .hotlist .content ul li:nth-child(n-1) {
  margin-right: 15rem;
}

.search .beforesearch .hotlist .content ul li span {
  color: #f9f9f9;
  font-size: 20rem;
  font-weight: 700;
}

.search .beforesearch .gedanrecommand .daytitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 690rem;
}

.search .beforesearch .gedanrecommand .daytitle span {
  color: #838383;
  font-size: 30rem;
  display: flex;
  justify-content: start;
  align-items: center;
  margin-left: 30rem;
  font-weight: 700;
  margin-top: 60rem;
}

.search .beforesearch .gedanrecommand .recommandlist {
  width: 690rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 40rem;
}

.search .beforesearch .gedanrecommand .recommandlist .model {
  width: 340rem;
  height: 240rem;
  background-color: #262626;
  border-radius: 10rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: end;
  padding: 15rem 15rem;
  box-sizing: border-box;
  margin-bottom: 15rem;
}

.search .beforesearch .gedanrecommand .recommandlist .model .zhongwen {
  padding: 15rem 30rem;
  border-radius: 60rem;
  color: #bbbbbb;
  background-color: #000;
  font-weight: 900;
  font-size: 24rem;
}

.search .beforesearch .gedanrecommand .recommandlist .model .english {
  color: #6fe873;
  font-weight: 900;
  font-size: 45rem;
  margin-bottom: 25rem;
}

.search .beforesearch .gedanrecommand .recommandlist .model .purple {
  color: #875cf5;
}

.search .beforesearch .gedanrecommand .recommandlist .model .pink {
  color: #e58273;
}

.search .beforesearch .gedanrecommand .recommandlist .model .orange {
  color: #f2903f;
}

.search .history .daytitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 690rem;
}

.search .history .daytitle span {
  color: #838383;
  font-size: 30rem;
  display: flex;
  justify-content: start;
  align-items: center;
  margin-left: 30rem;
  font-weight: 700;
  margin-top: 60rem;
}

.search .history .historylist {
  width: 690rem;
  margin: 0 auto;
  margin-top: 55rem;
  display: flex;
  flex-direction: column;
}

.search .history .historylist ul {
  display: flex;
  flex-direction: column;
  align-items: start;
  border-bottom: 1rem solid #878787;
}

.search .history .historylist ul li {
  color: #f0f0f0;
  font-weight: 700;
  margin-bottom: 45rem;
  font-size: 30rem;
}

.search .history .historylist .clear {
  display: block;
  text-align: left;
  margin-top: 45rem;
  width: 690rem;
  color: #f0f0f0;
}

.search .similar .historylist {
  width: 690rem;
  margin: 0 auto;
  margin-top: 55rem;
}

.search .similar .historylist ul {
  display: flex;
  flex-direction: column;
  align-items: start;
}

.search .similar .historylist ul li {
  color: #f0f0f0;
  font-weight: 700;
  margin-bottom: 45rem;
  font-size: 30rem;
}

.search .result .daytitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 690rem;
}

.search .result .daytitle span {
  color: #838383;
  font-size: 30rem;
  display: flex;
  justify-content: start;
  align-items: center;
  margin-left: 30rem;
  font-weight: 700;
  margin-top: 60rem;
}

.search .result .singerlist {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 45rem;
  overflow: scroll;
  padding-left: 35rem;
}

.search .result .singerlist::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}

.search .result .singerlist .model::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}

.search .result .singerlist .model:nth-child(n-1) {
  margin-right: 40rem;
}

.search .result .singerlist .model .modeltop img {
  width: 120rem;
  height: 120rem;
  border-radius: 120rem;
}

.search .result .singerlist .model .modelbottom {
  color: #818181;
  margin-top: 25rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search .result .songlist {
  width: 690rem;
  margin: 0 auto;
}

.search .result .songlist .musicitem {
  margin-top: 35rem;
}
